/**
 * 1、useState的作用
 * React Hook都是以use作为开头的函数,useState主要的作用就是在函数组件中操作状态的
 * 2、useState的基本使用
 * 1)导入useState Hook
 * import {useState} from 'react'
 * 2) 在函数组件中调用useState来进行初始化
 * const [状态名,修改状态的方法]=useState(初始值)
 * 注意：
 *  1）修改状态的方法名称约定俗称的取名方式setXx
 *  2) 如果没有修改，只有展示第二个参数可以省略
 *  3) 如果只有修改而没有状态 const[,setXx]=useState(初始值)
 * 3) 页面渲染：{状态名}
 * 4) 修改状态:setXx(更新后的值)
 */
import {useState} from 'react'
const QuickStartStateHook=()=>{
    //此代码是用来初始值
    const [count,setCount]=useState(0)
    return (<>
        <h1>useState的基本使用</h1>
        <div>
            {count}
        </div>
        <div>
            <button onClick={()=>{
                setCount(count+1)
            }}>+</button>
        </div>
    </>)
}
export default QuickStartStateHook